<!--  -->
<template>
    <div class="login-phone">
        <el-form label-width="60px" >
            <el-form-item label="手机号" prop="name">
                <el-input v-model="phone.num"></el-input>
            </el-form-item>
            <el-form-item label="验证码" prop="password">
                <el-input v-model="phone.code"></el-input>
                <el-button type="primary" class="get-btn">获取验证码</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script lang="ts">
    import {
        defineComponent,
        ref,
        reactive
    } from "vue";
    import {
        ElForm
    } from 'element-plus'

    export default defineComponent({
        name: "Login",
        setup() {
            const phone = reactive({
                num: '',
                code: ''
            })
            return {
                phone,


            }
        }
    });
</script>
<style lang="less">
    .get-code {
        display: flex;
    }
    
    .get-btn {
        margin-left: 8px;
    }
</style>